<script lang="ts" setup>
defineOptions({ name: 'MissionResultRenderer' });
const props = defineProps({
    params: {
        type: Object,
        required: true,
    },
});
const cellValue = props.params.value ? "tick-in-circle" : "cross-in-circle";
</script>

<template>
    <span style="display: flex; justify-content: center; height: 100%; align-items: center;">
        <img :alt="params.value" :src="'https://www.ag-grid.com/example-assets/icons/' + cellValue + '.png'"
            style="width: auto; height: auto;" />
    </span>
</template>